@import 'scss-styles/vars.scss';

$font-size: 1.2rem;
$height: 3rem;

.longBtn {
  display: block;
  width: 100%;
  height: $height;
  margin: 0;
  padding: 0;

  font-family: 'OPPOSans';
  font-size: $font-size;
  line-height: $height;
  text-align: center;
  text-decoration: none;
  letter-spacing: $font-size;
  text-indent: $font-size;
  border: none;
  border-radius: $border-radius-tiny;

  @include reverse-color-transition();

  &:hover {
    cursor: pointer;
  }

  &.noRound {
    border-radius: 0;
  }
}
